
import kuang from '@/assets/img/home_kuang.png'
import ShowDataCss from './ShowData.module.css'
import { Tabs } from 'antd';
function ShowData(props) {
  console.log('props', props.text)
  const overlayStyle = () => {
    const defaultImage = kuang;
    return {
      backgroundImage: props.bgImage ? `url(${props.bgImage})` : `url(${defaultImage})`,
    }
  }
  const items = [{
    label: props.text,
    key: '1',
    children: <slot></slot>,
  }]
  return (
    <div className={ShowDataCss.content} style={overlayStyle()}>
      <Tabs defaultActiveKey="1" items={items} />
    </div>
  )
}
export default ShowData
